import React, { Component } from 'react'
import Ctx from './store/index'

export default class Top extends Component {
    render() {
        return (<Ctx.Consumer>
            {
                (val) => { //形参=value的数据 属于这个函数的私有变量 只能在这个函数内使用
                   /*  console.log(val); */
                    
                    let {title,sup,opp} = val

                    return <div>
                        <h2>标题:{title}</h2>
                        <p>总参与人数:{sup+opp}</p>
                    </div>
                }
            }
        </Ctx.Consumer>
        )
    }
}
